<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
     <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?bad52787df095ca860d99f9aed7f15e0";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <script src="http://103.38.80.204:3377/static/js/link_3377.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>3377体育 - 全网最全最有态度的体育赛事直播平台</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Helvetica Neue", Arial, sans-serif;
      }

      body {
        background: url("http://103.38.80.204:3377/static/images/sszd_fajia_d.webp") center top/cover
          no-repeat;
        background-attachment: scroll;
        color: #0d1969;
      }

      .nav {
        padding: 20px 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #ffffff;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 100;
        border-bottom: 1px solid #e0e0e0;
      }

      .logo {
        width: 180px;
        height: auto;
        display: block;
      }

      .auth-buttons {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin-top: 20px;
      }

      .auth-button {
        padding: 12px 30px;
        border-radius: 25px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        background: rgba(77, 86, 255, 0.9);
        color: #ffffff;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }

      .auth-button:hover {
        background: #6a74ff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      }

      .login {
        background: transparent;
        border: 2px solid #4d56ff;
        color: #4d56ff;
      }

      .login:hover {
        background: #4d56ff;
        color: #ffffff;
      }

      .register {
        background: #4d56ff;
        color: white;
        border: 2px solid #4d56ff;
      }

      .register:hover {
        background: #6a74ff;
        border-color: #6a74ff;
      }

      .hero {
        position: relative;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 0 20%;
        color: #0d1969;
        background-color: rgba(255, 255, 255, 0.6);
      }

      .hero h1,
      .hero p {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
      }

      .hero h1 {
        font-size: 48px;
        margin-bottom: 20px;
      }

      .hero p {
        font-size: 20px;
        color: #444444;
        margin-bottom: 40px;
      }

      .features {
        padding: 100px 80px;
        background: #ffffff;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
      }

      .feature-card {
        padding: 40px;
        background: #f4f8fc;
        border-radius: 15px;
        text-align: center;
        transition: transform 0.3s;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      }

      .feature-card:hover {
        transform: translateY(-5px);
      }

      .feature-card img {
        width: 80px;
        margin-bottom: 20px;
      }

      .feature-card h3 {
        color: #0d1969;
        margin-bottom: 10px;
        font-size: 22px;
      }

      .feature-card p {
        color: #555555;
        font-size: 16px;
      }

      footer {
        padding: 40px;
        text-align: center;
        background: #e6ecf9;
        border-top: 1px solid #d0d7e8;
        color: #777;
        font-size: 14px;
      }

      /* 空间补偿 */
      .spacer {
        height: 100px;
      }
    </style>
  </head>
  <body>
    <nav class="nav">
      <img
        src="http://103.38.80.204:3377/static/images/header_logo-0685fe3b.webp"
        alt="3377体育"
        class="logo"
      />
      <div class="auth-buttons">
        <button
          class="auth-button register"
          onclick="_Reg('home');"
          target="_blank"
        >
          立即注册
        </button>
        <button
          class="auth-button login"
          onclick="_Reg('login');"
          target="_blank"
        >
          登录
        </button>
      </div>
    </nav>

    <div class="spacer"></div>

    <section class="hero">
      <h1>尽享全球体育盛宴</h1>
      <p>覆盖100+体育项目，提供实时赛事、专业数据分析与互动社区</p>
      <div class="auth-buttons">
        <button
          class="auth-button register"
          onclick="_Reg('home');"
          target="_blank"
        >
          免费注册
        </button>
        <button
          class="auth-button login"
          onclick="_Reg('login');"
          target="_blank"
        >
          立即登录
        </button>
      </div>
    </section>

    <!-- <section class="features">
      <div class="feature-card">
        <img src="live-icon.svg" alt="直播" />
        <h3>高清直播</h3>
        <p>实时观看全球顶级赛事，多路解说任选</p>
      </div>
      <div class="feature-card">
        <img src="data-icon.svg" alt="数据" />
        <h3>专业数据</h3>
        <p>实时统计与深度赛事分析</p>
      </div>
      <div class="feature-card">
        <img src="community-icon.svg" alt="社区" />
        <h3>体育社区</h3>
        <p>与千万体育爱好者实时互动</p>
      </div>
    </section> -->

    <footer>
      <p>© 2025 3377体育 版权所有</p>
    </footer>
  </body>
</html>
